import { useEffect, useState } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'
import { Tabs } from 'react-vant'
import { ProductCard, Tag, Button } from 'react-vant';


const items = Array.from({ length: 3 }, (_, i) => i + 1)
// const [items,setItems]=useState(['1','2','3'])
// useEffect(()=>{
//   setItems()
// },[])
function App() {

  return (
    <>
      
        <Tabs defaultActive={0}>
        
          <Tabs.TabPane  title={`待接单`}>
            <ProductCard
      num="2"
      price="2.00"
      desc="描述信息"
      title="商品名称"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    />
    <ProductCard
      num="2"
      price="3.00"
      desc="描述信息"
      title="商品名称"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    />
    <ProductCard
      num="2"
      price="4.00"
      desc="描述信息"
      title="商品名称"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    />
          </Tabs.TabPane>
          <Tabs.TabPane  title={`待发出`}>
            待发出
          </Tabs.TabPane>
          <Tabs.TabPane  title={`待送达`}>
            待送达
          </Tabs.TabPane>
          <Tabs.TabPane  title={`已完成`}>
            已完成
          </Tabs.TabPane>
          <Tabs.TabPane  title={`取消/退款`}>
            取消/退款
          </Tabs.TabPane>
        
      </Tabs>
    </>
  )
}

export default App
